page-nailer-detail {
    .shopDetail {
        width: 100%;
        height: 20rem;
        background-color: rgba(0,0,0,0.8);
        position: relative;
        &>.bgImg {
            width: 100%;
            height: 100%;
            &>img {
                width: 100%;
                height: 100%;
                opacity:0.5;
            }
        }
        .return {
            &>span {
                text-align: center;
                width: 28px;
                position: absolute;
                line-height: 30px;
                font-size: 20px;
            }
        }
        .shop {
            position: absolute;
            top: 25px;
            width: 100%;
            &>.shopPic {
                width: 5rem;
                height: 5rem;
                border-radius: 50%;
                border: 2px solid #fff;
                margin: 0 auto;
                &>img {
                    width: 100%;
                    height: 100%;
                    border-radius: 45px;
                }
            }
            .shopName {
                width: 100%;
                text-align: center;
                color: #fff;
                &>h3,
                H4 {
                    margin: 0;
                    padding: 0;
                    margin-top: 0.5rem;
                }
                h3 {
                    font-size: 1.6rem;
                }
                h4 {
                    font-size: 1.3rem;
                }
            }
            .shopStar {
                width: 100%;
                height: 1rem;
                &>ul {
                    width: 30%;
                    // overflow: auto;
                    // margin: 0 auto;
                    // margin-top: 1rem;
                    display: flex;
                    padding: 0;
                    justify-content: space-evenly;
                    ;
                    &>li {
                     
                        list-style: none;
                        color: #f8e557;
                       
                    }
                }
            }
        }
        .shopOperate {
            width: 100%;
            overflow: auto;
            position: absolute;
            bottom: 10px;
            padding: 0 30px;
            color: #fff;
            &>.fans {
                float: left;
                margin-left: 30px;
                &>p {
                    margin: 0;
                    padding: 0;
                    line-height: 38px;
                }
            }
            .concern {
                float: right;
                &>.concernBtn {
                    width: 80px;
                    height: 35px;
                    line-height: 35px;
                    background-color: #ff5d5d;
                    border-radius: 6px;
                    color: #fff;
                }
                .focusIt {
                    width: 1.8rem;
                    height: 1.6rem;
                    margin-bottom: -0.25rem;
                }
            }
        }
    }
    .shopAddress {
        height: 50px;
        width: 100%;
        line-height: 50px;
        overflow: auto;
        background-color: #fff;
        &>.addressPhone {
            float: left;
            width: 80%;
            height: 50px;
            padding-left: 20px;
            border-bottom: 1px solid #ccc;
            &>p {
                margin: 0;
                padding: 0;
            }
        }
        .call {
            float: left;
            width: 79px;
            height: 50px;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            &>img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .tab {
        margin-top: 20px;
        &>.segment {
            &>.segment-button {
                &>p {
                    margin: 0;
                    padding: 0;
                }
            }
        }
    }
    .thimg {
        .imgShow{
            width: 45vw;
            height: 45vw;
        }
        width: 45vw;
        margin-left: 3.5vw;
        float: left;
        margin-top: 1rem;
        border: 1px solid #EBEBEB;
        border-radius: 10px;
    }
    .thtext {
        display: inline-block;
        line-height: 3rem;
        margin-left: 0.6rem;
        width: 7rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        height: 3rem;
    }
    .thnice {
        display: inline-block;
        float: right;
        margin-top: 4px;
        margin-right: 6px;
    }
    .thnice img {
        width: 22px;
    }
    .imgcontent {
        background: white;
        overflow: hidden;
    }
    .scroll-content{
         background: white;
    }

   
}
